<template>
  <div>
    <h3>v-model</h3>
    <!-- <HmNum :value123="num" @input123="num = $event" /> -->
    <HmNum v-model="num" />
    <h3>.sync</h3>
    <!-- <HmNumsync :abc="syncNum" @update:abc="syncNum = $event" /> -->
    <HmNumsync :abc.sync="syncNum" />

    <br>
    社保{{ str }}
    <el-card>
      <Sona />
    </el-card>
    <Sonb />
  </div>
</template>
<script>
import Sona from './components/sona.vue'
import Sonb from './components/sonb.vue'
import HmNum from './components/hmNum.vue'
import HmNumsync from './components/hmNumsync.vue'
export default {
  components: {
    Sona,
    Sonb,
    HmNum,
    HmNumsync
  },
  data() {
    return {
      str: '社保',
      num: 1,
      syncNum: 1
    }
  },
  methods: {
    inputEvent(xxx, xxx2) {
      this.num = xxx
      console.log(xxx2)
    }
  }
}
</script>
<style></style>
